import Vue from 'vue'
import VueRouter from 'vue-router'
import Login from '../components/Login.vue'
import Home from '../components/Home.vue'
import Welcome from '../components/Welcome.vue'
import Users from '../components/user/Users.vue'
import Rights from '../components/right/Rights.vue'
import Role from '../components/right/Role.vue'


Vue.use(VueRouter)

const routes = [
    { path: "/", redirect: "/login" },
    { path: "/login", component: Login },
    {
        path: "/home",
        component: Home,
        redirect: "/welcome",
        children: [
            { path: "/welcome", component: Welcome },
            { path: "/users", component: Users },
            { path: "/rights", component: Rights },
            { path: "/roles", component: Role },
        ]
    },
]

const router = new VueRouter({
    routes
})

//登录过滤器
router.beforeEach((to, from, next) => {
    // to   将要访问的路径
    // from 事件发生的路径
    // next 调用放行   next("/login")强制跳转
    if (to.path === "/login") return next();
    const token = window.sessionStorage.getItem("token");
    if (!token) return next("/login");
    return next();
})

export default router
//